﻿<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Themeum">

<!-- Include All Css -->
<link rel="stylesheet" href="../static/css/font-awesome.min.css">
<link rel="stylesheet" href="../static/css/bootstrap.min.css">
<link rel="stylesheet" href="../static/css/magnific-popup.css">
<link rel="stylesheet" href="../static/css/animate.css">
<link rel="stylesheet" href="../static/css/fonts.css">
<link rel="stylesheet" href="../static/css/preset.css">
<link rel="stylesheet" href="../static/css/style.css">
<link rel="stylesheet" href="../static/css/responsive.css">

<!--[if lt IE 9]>
	<script src="js/html5shive.js"></script>
<![endif]-->

</head>
<body>
<!-- Header Area -->
<header class="header-area inner-page">
	<!-- Header Top Area -->
	<section class="header-top">
		<div class="container">
			<div class="row">
				<div class="col-sm-12 col-xs-12">
					<div class="header-elements pull-right">
						<ul class="social-icon pull-left">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#"><i class="fa fa-instagram"></i></a></li>
						</ul>
						<div class="language pull-left">
							<a href="#">
								<i class="icon-translator"></i>
								<span>English</span>
								<i class="fa fa-angle-down"></i>
							</a>
						</div>
						<div class="login-or-signup pull-left">
							<a href="#"><i class="icon-user"></i><span>Login/sign up</span></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- /.header-top -->
	<nav class="navigation">
		<div class="container">
			<div class="row">
				<div class="col-sm-12 col-xs-12">
					<div class="logo pull-left">
						<a href="index.html"><img alt="Kidzy" src="../static/images/home1/logo.png"></a>
					</div>
					<ul class="main-menu pull-right">
						<li class="menu-has-child">
							<a href="index.html">Home</a>
							<ul>
								<li><a href="index2.html">Home 2</a></li>
								<li><a href="index3.html">Home 3</a></li>
							</ul>
						</li>
						<li><a href="about-us.html">About us</a></li>
						<li class="menu-has-child">
							<a href="#">Pages</a>
							<ul>
								<li>
									<a href="event.html">Event</a>
									<ul>
										<li><a href="event-details.html">Event Details</a></li>
									</ul>
								</li>
								<li><a href="routine.html">Routine</a></li>
								<li><a href="contact.html">Contact</a></li>
								<li><a href="404.html">404</a></li>
								<li><a href="coming-soon.html">Coming Soon</a></li>
							</ul>
						</li>
						<li><a href="shortcode.html">Features</a></li>
						<li class="menu-has-child">
							<a href="class.html">Classes</a>
							<ul>
								<li><a href="class-details.html">Classes Details</a></li>
							</ul>
						</li>
						<li class="menu-has-child">
							<a href="blog.html">Blog</a>
							<ul>
								<li><a href="blog-details.html">Blog Details</a></li>
							</ul>
						</li>
						<li class="menu-has-child">
							<a href="teacher.html">Teacher</a>
							<ul>
								<li><a href="teacher-details.html">Teacher Details</a></li>
							</ul>
						</li>
						<li>
							<a href="#" id="search-pop"><i class="fa fa-search"></i></a>
						</li>
					</ul>
					<div class="mobile-menu hidden-lg hidden-md hidden-sm">
						<span></span>
						<span></span>
						<span></span>
						<span></span>
					</div>
				</div>
			</div>
		</div>
		<div class="search-area">
			<form action="#" method="post">
				<input type="search" name="search" placeholder="Enter your Search Text Here....">
			</form>
			<a href="#" class="search-close"><i class="fa fa-times"></i></a>
		</div>
	</nav>
</header>
<!-- /.header-area -->

<!-- Breadcrumb  -->
<section class="breadcrumb-section">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 col-xs-12 text-center">
				<div class="breadcrumb-content">
					<h2>Our Classes</h2>
					<ul>
						<li><a href="index.html">Home</a><span>/</span></li>
						<li>Classes</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- /.breadcrumb-section  -->

<!-- Classes Section -->
<section class="classes-section-3">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 col-xs-12">
				<div class="class-sort-btn-section">
					<ul class="sort-btn pull-left">
						<li><a href="class.html#kinder">Kindergarten</a></li>
						<li><a href="class.html#play">Play Group</a></li>
						<li><a href="class.html#primary">Pre- Primary</a></li>
						<li><a href="class.html#story">Story</a></li>
					</ul>
					<form method="post" action="#" class="class-search pull-right">
						<input type="search" name="search" placeholder="Search classes">
						<button type="submit"><i class="fa fa-search"></i></button>
					</form>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-6 col-xs-12">
				<div class="class-detail-img">
					<img alt="" src="../static/images/class1/class-details.jpg">
				</div>
			</div>
			<div class="col-sm-6 col-xs-12">
				<div class="class-information">
					<h3>Happy Kiddo</h3>
					<h5>Admission Close</h5>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
						eiusmod tempor incididunt ut labore et dolore magna aliqua. 
						Ut enim ad minim veniam, quis nostrud exercitation.
					</p>
				</div>
				<div class="class-meta-data">
					<div class="class-single-meta pull-left">
						<p>Years Old</p>
						<h4>2-3</h4>
					</div>
					<div class="class-single-meta pull-left">
						<p>Class Size</p>
						<h4>24</h4>
					</div>
					<div class="class-single-meta pull-left">
						<p>Tution Fee</p>
						<h4>$129</h4>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- /.classes-section-2 -->

<!-- Subject and teacher Section -->
<section class="subject-and-teacher-details">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 col-xs-12">
				<div class="subject-details">
					<div class="sub-heading"><h4>Subject List<span>( 5 Subject )</span></h4><p>Class Schedule</p></div>
					<ul class="subject-list">
						<li>
							<a href="#">1. Art & Music</a>
							<span>3 Class/ Week</span>
						</li>
						<li>
							<a href="#">2. Language Class</a>
							<span>5 Class/ Week</span>
						</li>
						<li>
							<a href="#">3. Mathematics</a>
							<span>2 Class/ Week</span>
						</li>
						<li>
							<a href="#">4. Economics</a>
							<span>3 Class/ Week</span>
						</li>
						<li>
							<a href="#">5. Physics</a>
							<span>5 Class/ Week</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-12 col-xs-12">
				<div class="sub-heading"><h4>Course Teacher<span>( 4 Teachers )</span></h4></div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-6 col-md-3 col-xs-12 text-center">
				<div class="single-team">
					<div class="team-img">
						<img alt="" src="../static/images/home1/staff1.jpg">
						<ul class="team-social">
							<li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#" class="gplus"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#" class="instagram"><i class="fa fa-instagram"></i></a></li>
						</ul>
					</div>
					<h3>Ricardo Spencer</h3>
					<p>Assistant Teacher</p>
				</div>
			</div>
			<div class="col-sm-6 col-md-3 col-xs-12 text-center">
				<div class="single-team">
					<div class="team-img">
						<img alt="" src="../static/images/home1/staff2.jpg">
						<ul class="team-social">
							<li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#" class="gplus"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#" class="instagram"><i class="fa fa-instagram"></i></a></li>
						</ul>
					</div>
					<h3>Fanny Greer</h3>
					<p>Assistant Teacher</p>
				</div>
			</div>
			<div class="col-sm-6 col-md-3 col-xs-12 text-center">
				<div class="single-team">
					<div class="team-img">
						<img alt="" src="../static/images/home1/staff3.jpg">
						<ul class="team-social">
							<li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#" class="gplus"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#" class="instagram"><i class="fa fa-instagram"></i></a></li>
						</ul>
					</div>
					<h3>Albert Cole</h3>
					<p>Assistant Teacher</p>
				</div>
			</div>
			<div class="col-sm-6 col-md-3 col-xs-12 text-center">
				<div class="single-team">
					<div class="team-img">
						<img alt="" src="../static/images/home1/staff4.jpg">
						<ul class="team-social">
							<li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#" class="gplus"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#" class="instagram"><i class="fa fa-instagram"></i></a></li>
						</ul>
					</div>
					<h3>Rhoda Byrd</h3>
					<p>Assistant Teacher</p>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- /.subject-and-teacher-details -->
<!-- Call to Action -->
<section class="callto-action-section">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 col-xs-12">
				<div class="callto-content">
					<h2>Enrollment is now going on, please contact us.</h2>
					<a href="#" class="primary-btn pull-right"><span>Enroll Now</span></a>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- /.callto-action-section -->
<!-- Related Course Section -->
<section class="related-course-section">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 col-xs-12 text-center">
				<h2 class="title">Related Courses</h2>
				<p class="subtitle">Starting with the new school year in our kindergarten</p>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-4 col-xs-12">
				<div class="single-class">
					<div class="class-img">
						<img alt="" src="../static/images/home1/class1.jpg">
						<div class="class-hover">
							<a href="../static/images/home1/class1.jpg" class="popup"><i class="icon-link"></i></a>
						</div>
					</div>
					<div class="class-details">
						<h3><a href="class.html">Happy Kiddo</a></h3>
						<p>Admission Close</p>
						<div class="clearfix">
							<div class="class-meta pull-left">
								<span>Years Old</span>
								<p>2-3</p>
							</div>
							<div class="class-meta pull-left">
								<span>Class Size</span>
								<p>24</p>
							</div>
							<div class="class-meta pull-left">
								<span>Tution Fee</span>
								<p>$129</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-4 col-xs-12">
				<div class="single-class">
					<div class="class-img">
						<img alt="" src="../static/images/home1/class2.jpg">
						<div class="class-hover">
							<a href="../static/images/home1/class2.jpg" class="popup"><i class="icon-link"></i></a>
						</div>
					</div>
					<div class="class-details">
						<h3><a href="class.html">Junior Lambs</a></h3>
						<p>Admission Open</p>
						<div class="clearfix">
							<div class="class-meta pull-left">
								<span>Years Old</span>
								<p>3-5</p>
							</div>
							<div class="class-meta pull-left">
								<span>Class Size</span>
								<p>20</p>
							</div>
							<div class="class-meta pull-left">
								<span>Tution Fee</span>
								<p>$140</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-4 col-xs-12">
				<div class="single-class">
					<div class="class-img">
						<img alt="" src="../static/images/home1/class3.jpg">
						<div class="class-hover">
							<a href="../static/images/home1/class3.jpg" class="popup"><i class="icon-link"></i></a>
						</div>
					</div>
					<div class="class-details">
						<h3><a href="class.html">Master Mind</a></h3>
						<p>Admission Close</p>
						<div class="clearfix">
							<div class="class-meta pull-left">
								<span>Years Old</span>
								<p>4-6</p>
							</div>
							<div class="class-meta pull-left">
								<span>Class Size</span>
								<p>15</p>
							</div>
							<div class="class-meta pull-left">
								<span>Tution Fee</span>
								<p>$150</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- Footer Section -->
<footer class="footer-section">
	<div class="container">
		<div class="row">
			<div class="col-md-4 col-sm-6 col-xs-12 text-left">
				<div class="about-widget">
					<div class="footer-logo">
						<a href="index.html"><img alt="" src="../static/images/home1/footer-logo.png"></a>
					</div>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do 
						eiusmod tempor incididunt ut labore.
					</p>
					<span>&copy; 2016 Kidzy School</span>
					<ul class="social-icon">
						<li><a href="#"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
						<li><a href="#"><i class="fa fa-instagram"></i></a></li>
					</ul>
				</div>
			</div>
			<div class="col-md-2 col-sm-6 col-xs-12 text-left">
				<div class="footer-widget">
					<h3>Qucik Link</h3>
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Gallery</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contact</a></li>
					</ul>
				</div>
			</div>
			<div class="col-md-2 col-sm-6 col-xs-12 text-left">
				<div class="footer-widget">
					<h3>Classes</h3>
					<ul>
						<li><a href="#">Happy Kiddo</a></li>
						<li><a href="#">Junior Lambs</a></li>
						<li><a href="#">Master Mind</a></li>
						<li><a href="#">Rabbit House</a></li>
						<li><a href="#">Terrific Tigers</a></li>
					</ul>
				</div>
			</div>
			<div class="col-md-4 col-sm-6 col-xs-12">
				<div class="footer-widget">
					<h3>Newsletter</h3>
					<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
					<form action="#" method="post" class="subscribe-form">
						<input type="email" name="email" placeholder="Your email Id">
						<button class="primary-btn pull-right"><span>Submit</span></button>
						<div class="clearfix"></div>
					</form>
				</div>
			</div>
		</div>
	</div>
</footer>
<!-- /.footer-section -->

<!-- Include All JavaScript -->
<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/mixIt.js"></script>
<script src="../static/js/jquery.magnific-popup.min.js"></script>
<script src="../static/js/main.js"></script>
</body>
</html>

